<template>
<h1>个人简历练习</h1>
  <table border="1px" align="center">
    <tr>
      <td>图片</td>
      <td><img :src="user.Url" width="200px"></td>
    </tr>
    <tr>
      <td>姓名</td>
      <td>{{user.name}}</td>
    </tr>
    <tr>
      <td>年龄</td>
      <td>{{user.age}}</td>
    </tr>
  </table>
  <el-button type="primary" @click="show">点我展示信息</el-button>
</template>

<script setup>
import {ref} from "vue";

const user = ref({
  Url: '',
  name: '',
  age: ''
});
const show = () => {
  user.value= {
    Url: '2024.png',
    name: '李四',
    age: 20
  };
};
</script>


<style scoped>

</style>